<template>
	<view>
		<Head :opacity="opci" title="我的"></Head>
		<view class="mine-content">
			<EntryItem v-for="(item, i) in listData" :title="item.title" :icon="item.icon" :url="item.url" class="item"></EntryItem>
		</view>
	</view>
</template>

<script setup>
import { ref } from "vue"
import Head from '@/pages/index2/components/head.vue'
import EntryItem from "@/components/entryItem/entryItem.vue"
import {handleTop} from "@/utils/scroll.js"
import {onPageScroll} from "@dcloudio/uni-app"

const opci = ref(0)

const listData = ref([
	{
		title: "通知公告",
		icon: "/static/firstpage/newjixiao.png",
		url: "/pages/notice/notice"
	},
	{
		title: "信息发布",
		icon: "/static/warn/chuzhiAct.png",
		url: "/pages/msgAuditDetail/msgAuditEdit"
	},
	{
		title: "信息内容审核",
		icon: "/static/dataStat/banli.png",
		url: "/pages/msgAudit/msgAudit"
	},{
		title: "视频监控",
		icon: "/static/firstpage/jiance.png",
		url: "/pages/videoWarn/videoWarn"
	},{
		title: "终端监控",
		icon: "/static/warn/endAct.png",
		url: "/pages/terminalDevice/terminalDevice"
	},{
		title: "建档列表",
		icon: "/static/warn/policeAct.png",
		url: "/pages/deviceWarn/deviceWarn"
	},{
		title: "巡检记录",
		icon: "/static/warn/xuncha.png",
		url: "/pages/patrol/patrol"
	}
])
onPageScroll((res)=>{
	handleTop(res.scrollTop, opci)
})
</script>

<style lang="scss" scoped>
.mine-content {
	margin: 30rpx;
	border-radius: 16rpx;
	background: #fff;
	.item:last-child {
		border-bottom: none;
	}
}
</style>
